{%extends file="common/page/layout.tpl"%}
{%block name="block_head_static"%}
    {%* 模板中加载静态资源 *%}
    {%require name="home:static/recharge/recharge.less"%}
    {%require name="home:static/ui/section_photo/section_photo.less"%}
    {%require name="home:static/ui/one_block/one_block.less"%}
    {%require name="home:static/ui/button/button.less"%}
    <script>
        P.data({%json_encode($data)%});
    </script>
{%/block%}
{%block name="content"%}
	<section class="section section_photo clearfix">
	{%widget name="home:widget/menu/menu.tpl" call="menu" active="recharge"%}
		<div class="container clearfix">
			<div class="grid_left">
				<div class="cycle"></div>
			</div>
			<div class="grid_center">
				<div id="usable_credit" class="one_block">
					<div class="ob_icon"></div>
					<div class="ob_context">
		            	<div class="ob_title">￥</div>
	    	        	<div class="ob_info">当前可购买份额</div>
	    	        </div>
				</div>
				<div id="today_credit" class="one_block">
					<div class="ob_icon"></div>
					<div class="ob_context">
		            	<div class="ob_title">￥</div>
	    	        	<div class="ob_info">真融宝本日份额</div>
	    	        </div>
				</div>
			</div>
			<div class="grid_right">
				<div class="label">购买金额</div>
				<div class="input_text">
					<input type="text" autofocus="true" id="buy_amount" autocomplete="off" class="amount_text" placeholder="输入购买金额">
				</div>
				<div class="input_info">
                    <p>1. 真融宝已为您垫付本次支付费用（第三方支付收取支付款项的2‰~6‰作为手续费）</p>
                    <p>2. 如果您的购买金额超过平台可购买金额，则剩余资金会进入排队资金中。</p>
                    <p>
                        <span>3. 您当前剩余可购额度为￥{%$data.limit_available%}，</span>
                        <a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MjM5MjQ2NjY1MA==&mid=200763590&idx=1&sn=a0a4356cb118ef6b7a96787db6b0e85f#rd">如何提升额度</a>
                    </p>
                    <p class="no_usable_credit">4. 当前已无可购买的份额，<a href="/index/term">查看排队资金情况</a></div>
			</div>
			<div class="grid_error">
				<div class="error_info"></div>
			</div>
		</div>
	</section>
	<div id="recharge_block" class="container">
		<div class="recharge_title">支付方式</div>
		<ul class="recharge_type clearfix">
			<li class="active"><a id="bank_list_tab" href="#">网上银行</a></li>
			<li><a id="more_tab" href="#">其他支付</a></li>
		</ul>
		<div class="bank_list clearfix">
			<a id="g25" href="#"><img src="/static/lib/img/bank/Bank01.jpg"></a>
			<a id="g29" href="#"><img src="/static/lib/img/bank/Bank02.jpg"></a>
			<a id="g45" href="#"><img src="/static/lib/img/bank/Bank03.jpg"></a>
			<a id="g27" href="#"><img src="/static/lib/img/bank/Bank04.jpg"></a>
			<a id="g46" href="#"><img src="/static/lib/img/bank/Bank05.jpg"></a>
			<a id="g21" href="#"><img src="/static/lib/img/bank/Bank06.jpg"></a>
			<a id="g28" href="#"><img src="/static/lib/img/bank/Bank07.jpg"></a>
			<a id="g16" href="#"><img src="/static/lib/img/bank/Bank08.jpg"></a>
			<a id="g09" href="#"><img src="/static/lib/img/bank/Bank09.jpg"></a>
			<a id="g13" href="#"><img src="/static/lib/img/bank/Bank10.jpg"></a>
			<a id="g19" href="#"><img src="/static/lib/img/bank/Bank11.jpg"></a>
			<a id="more_bank" href="#"><img src="/static/lib/img/bank/Bank00.jpg"></a>
		</div>
		<div class="agreement"><input type="checkbox" name="read_cb" value="read_cb" id="read_cb" checked="checked" />  我已阅读<a target="_blank" href="/about/tradeproxy">《真融宝系统自动交易授权委托书》</a>、<a target="_blank" href="/about/tradeagreement">《真融宝债权转让服务协议》</a></div>
		<a id="recharge_button" class="button green_button">支付</a>
		<div class="recharge_tips">
		支付提示:
			<ul>
				<li>1. 支付后，您的资金会进入自动交易系统进行排队，如果当前有可购份额，您的资金将依据队列，自动购买到债权。如果当前没有可购份额，您的资金将仍然按照先后顺序保留在队列中。次日有新的债权推出时，您的排队资金将会购买到相应的债权。</li>
				<li>2. 排队中的资金暂时无法得到收益。(真融宝正在为用户争取更多的收益，后续即使在排队中也可以享受3%~4%的收益哦。)</li>
				<li>3. 您支付的资金可以随时提现，系统保证在提现提出后的第二个工作日到账(节假日除外)。</li>
			</ul>
		</div>
    </div>
    {%* 通过script插件收集JS片段 *%}
    {%block name="block_js_static"%}
    	{%require name="common:static/lib/js/highcharts.js"%}
		{%require name="home:static/ui/modalbox/modalbox.js"%}
    	{%require name="home:static/recharge/recharge.js"%}
    {%/block%}
{%/block%}